<template>
    <div class="card-box">
        <v-dialog :show.sync="dialogVisible" width="70%" title="评估价查看" ref="dialogPriceInfo" @beforeClose="dialogVisible = false">
            <div v-if="dialogVisible">
                <div class="card-box">
                    <div class="card-title">基础信息</div>
                    <el-form ref="form" class="form-wrap" size="small" >
                        <el-form-item label="评估编号">
                            <el-input v-model="batch" placeholder="请输入" disabled></el-input>
                        </el-form-item>
                        <el-form-item label="评估日期">
                            <el-date-picker
                                v-model="assessDate"
                                type="date"
                                placeholder="" disabled>
                            </el-date-picker>
                        </el-form-item>
                        <el-form-item label="有效日期">
                            <el-date-picker
                                v-model="validDate"
                                type="date"
                                placeholder="" disabled>
                            </el-date-picker>
                        </el-form-item>
                        <el-form-item label="评估机构">
                            <el-input v-model="assessOrg" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-form>
                    <div class="card-title">物业信息</div>
                    <el-row>
                        <el-col :span="24">
                            <el-table :data="tableData"  stripe>
                                <el-table-column
                                    type="index"
                                    width="50">
                                </el-table-column>
                                <el-table-column
                                    label="物业名称"
                                    width="180">
                                    <template slot-scope="scope">
                                        <el-input v-model="scope.row.propertyName" disabled></el-input>
                                    </template>
                                </el-table-column>
                                <el-table-column
                                    prop="projectName"
                                    label="所属项目"
                                    width="180">
                                </el-table-column>
                                <el-table-column
                                    prop="buildingArea"
                                    label="建筑面积（m²）"
                                    width="180">
                                </el-table-column>
                                <el-table-column
                                    prop="price"
                                    label="物业评估价（元/m²/月）"
                                    width="180">
                                </el-table-column>
                            </el-table>
                        </el-col>
                    </el-row>
                    <div class="card-title">附件</div>
                    <el-row :gutter="20">
                        <el-col>
                            评估资料*
                        </el-col>
                    </el-row>
                    <el-row :gutter="20">
                        <el-col>
                            <!--<el-upload name="file"
                                       class="upload-demo"
                                       :file-list="fileList">
                            </el-upload>-->
                            <upload-media type="file"
                                          ref="myApply"
                                          :busId="rentPricebatchId"
                                          modelType="rent-price"
                                          :isShowFileList="true"
                                          :isView="true">
                            </upload-media>
                        </el-col>
                    </el-row>
                </div>
            </div>
            <div slot="foot">
                <el-button @click="dialogVisible = false">关闭</el-button>
            </div>
        </v-dialog>
    </div>
</template>

<script src="./price-info.js"></script>
<style scoped lang="scss">
    @include formWrap();
    .el-row {
    padding: 5px;
    }
</style>


